<template>
  <div>
  <GridCard class="profile-action-card" title="门禁相关" :items="ActionCard"></GridCard>
  <GridCard :columnNum="3" title="系统专区" :items="SystemCard"></GridCard>
</div>
<router-view></router-view>
</template>

<script setup name="Work">
import { reactive } from 'vue';
import { Image } from "vant";
import GridCard from "@/components/GridCard/index.vue"

const SystemCard = [
  {
    text: '返回主页',
    icon: 'home-o',
    to: '/'
  },
  {
    text: 'Welcome',
    icon: 'good-job-o',
    to: 'welcome'
  },
  {
    text: '在Gitee点赞',
    icon: 'good-job-o',
    url: 'https://gitee.com/liupeiqiang/vue-mobile-template'
  }
]

const ActionCard = reactive({
  OpenDoor: {
    text: '兑换提现',
    svg: 'Withdrawal',
    to: '/work/withdrawal'
  },
  Friend: {
    text: '邀请好友',
    svg: 'Friend'
  },
  Order: {
    text: '我的订单',
    svg: 'Order'
  },
  Profit: {
    text: '收益明细',
    svg: 'Profit',
  }
})

ActionCard.Order.dot = true;
ActionCard.Profit.badge = "9+";

</script>

<style>
</style>